<template>
	<view class='noOrder' :style="{paddingTop:pad+'rpx'}">
		<image :src="icon" mode="widthFix"></image>
		<view>~{{name}}~</view>
	</view>
</template>

<script>
	export default {
		name: "c-empty",
		props: {
			name:{
				type: String,
				default: () => {
					return '暂无内容'
				}
			},
		    icon:{
				type: String,
				default: () => {
					return '/static/empty/icon1.png'
				}
			},
			pad: {
				type: Number,
				default: () => {
					return 200
				}
			},
		},
	}
</script>

<style lang="scss">
	.noOrder {
		display: flex;
		flex-direction: column;
		align-items: center;

		image {
			width: 480rpx;
			height: 350rpx;
		}

		view {
			text-align: center;
			color: #999;
			font-size: 28rpx;
		}
	}
</style>